/** @type {import('tailwindcss').Config} */
module.exports = {
  purge: [
    './src/**/*.html',
    './src/**/*.js',
  ],
  content: [],
  theme: {
    extend: {
      screens: {
        '1920': '1920px',
      },
      spacing: {
        'fullvh': '100vh',
        '34p': '34%',
        '51p': '50.75%',

        '3px-vw': '0.39vw',
        '8px-vw': '1.041vw',
        '10px-vw': '1.302vw',
        '12px-vw': '1.5625vw',
        '16px-vw': '2.082vw',
        '24px-vw': '3.123vw',
        '32px-vw': '4.16vw',
        '36px-vw': '4.6875vw',
        '38px-vw': '4.948vw',
        '42px-vw': '5.46875vw',
        '48px-vw': '6.25vw',
        '54px-vw': '7.031vw',
        '64px-vw': '8.333vw',
        '67px-vw': '8.723958vw',
        '72px-vw': '9.375vw',
        '81px-vw': '10.55vw',
        '94px-vw': '12.24vw',
        '115px-vw': '14.97vw',
        '128px-vw': '16.667vw',
        '144px-vw': '18.75vw',
        '164px-vw': '21.354vw',
        '196px-vw': '25.52vw',
        '222px-vw': '28.906vw',
        '308px-vw': '40.104vw',
        '334px-vw': '43.49vw',
        '347px-vw': '45.18vw',
        '386px-vw': '50.26vw',
        '409px-vw': '53.2554vw',
        '416px-vw': '54.167vw',
        '423px-vw': '55.08vw',
        '436px-vw': '56.77vw',
        '466px-vw': '60.677vw',
        '496px-vw': '64.58vw',
        '518px-vw': '67.4479vw',
        '540px-vw': '70.31vw',
        '663px-vw': '86.328vw',
        '716px-vw': '93.229vw',
        '800px-vw': '104.17vw',
        '811px-vw': '105.6vw',
        '900px-vw': '46.875vw',
        '1000px-vw': '130.208vw',
        '1055px-vw': '137.37vw',
        
        '6px-1vw': '0.3125vw',
        '16px-1vw': '0.8333vw',
        '24px-1vw': '1.25vw',
        '54px-1vw': '2.8125vw',
        '118px-1vw': '6.1458vw',
        '163px-1vw': '8.49vw',
        '212px-1vw': '11.04vw',
        '309px-1vw': '16.09375vw',
        '348px-1vw': '18.125vw',
        '506px-1vw': '26.354vw',
        '600px-1vw': '31.25vw',
        '750px-1vw': '39.0625vw',
        '820px-1vw': '42.7083vw',
        '1131px-1vw': '58.9vw',
        '1192px-1vw': '62.0833vw',
        '1496px-1vw': '77.9167vw',

        '162px': '162px',
        '246px': '246px',
        '262px': '262px',
        '272px': '272px',
        '300px': '300px',
        '344px': '344px',
        '348px': '348px',
        '406px': '406px',
        '460px': '460px',
        '484px': '484px',
        '506px': '506px',
        '520px': '520px',
        '540px': '540px',
        '700px': '700px',
        '600px': '600px',
        '658px': '658px',
        '800px': '800px',
        '912px': '912px',
        '998px': '998px',
        '1150px': '1150px',
        '1520px': '1520px',
        
        

        '1131px-1vw-60left': 'calc(60% - 58.9vw / 2)',
        '1150px-55left': 'calc(55% - 575px)',
        '1150px-40left': 'calc(40% - 575px)',
        '1150px-maxleft': 'calc(100% - 1150px)',
      },
      minHeight: {
        '100px': '100px',
        '1426px': '1426px',

        '132px-vw': '17.1875vw',
      },
      maxWidth: {
        '1520px': '1520px',
      },
      fontSize: {
        '14px': ['14px', '28px'],
        '16px': ['16px', '21.28px'],
        '20px': ['20px', '25.4px'],
        '24px': ['24px', '45px'],
        '36px': ['36px', '45.72px'],
        '48px': ['48px', '60.96px'],
        '80px': ['80px', '106.41px'],
        '128px': ['128px', '162.56px'],

        '16px-vw': ['2.0833vw', '3.125vw'],
        '20px-vw': ['2.604vw', '3.307vw'],
        '24px-vw': ['3.125vw', '3.96875vw'],
        '28px-vw': ['3.65vw', '4.16vw'],
        '30px-vw': ['3.90625vw', '6.25vw'],
        '32px-vw': ['4.1667vw', '6.25vw'],
        '36px-vw': ['4.6875vw', '4.6875vw'],
        '38px-vw': ['4.9479vw', '4.9479vw'],
        '48px-vw': ['6.25vw', '8.3125vw'],
        '64px-vw': ['8.333vw', '8.3125vw'],
        
        '14px-1vw': ['0.729167vw', '1.458vw'],
        '24px-1vw': ['1.25vw', '1.458vw'],
        '48px-1vw': ['2.5vw', '3.177vw'],
        '128px-1vw': ['6.667vw', '8.4375vw'],
      },
      lineHeight: {
        '32px-vw': '4.16667vw',
        '48px-vw': '6.25vw',
       },
      colors: {
        'footerbg': '#FF350D',
      },

    }
  },
  plugins: [],
}
